<!DOCTYPE html>
<html>
<head>
	<title>Examples</title>
	<style>
	    @import url('https://fonts.googleapis.com/css?family=Gaegu');
	    /*@import url('https://fonts.googleapis.com/css?family=Indie+Flower');*/
	    .wrapper {
	      display: flex;
	      flex: wrap;
	    }
	    h1, h4 {
	    	font-family: 'Gaegu';
	    	font-weight: .1;
	    	padding-bottom: 0;
	    	margin-bottom: 0;
	    }
  </style>
</head>
<body>
	<center>
		<h1 style='font-size: 6rem; letter-spacing: 1px;'> roughCharts<span style="color: skyblue;">.</span>js </h1>
		<!-- <h4> Chart Zoo </h4> -->
		<p> Easy, reusable JavaScript chart library for creating hand-drawn looking charts in the browser.<br>
		 Based on D3 v5+ and rough.js.</p>
	</center>
	<!-- <h1>Examples</h1> -->
	<center><div class="wrapper">
		<div id="lucasPractice"></div>
	    <div id="vis0"></div>
	    <div id="vis1"></div>
	    <div id="vis11"></div>
	</div></center>
	<div class="wrapper">
	    <div id="vis2"></div>
	    <div id="vis3"></div>
	</div>
	<div class="wrapper">
	    <div id="vis4"></div>
	    <div id="vis5"></div>
	</div>
	<div class="wrapper">
	    <div id="vis6"></div>
	    <div id="vis7"></div>
	</div>

	<script src="index.js"></script>
</body>
</html>